<!DOCTYPE html>

<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>FontAwesome</title>
        <link rel="stylesheet" href="font-awesome/css/font-awesome.css">
    </head>
    <body>

        <h3>FontAwesome</h3>

        <div>
            <i class="fa fa-chevron-circle-left" style="font-size: 100px; color: green;"></i>
            <i class="fa fa-comment-o"></i>
            <i class="fa fa-user-o"></i>
        </div>

        <div style="margin: 25px; height: 300px ;">
            <i class="fa fa-spinner fa-spin" style="font-size: 200px;"></i>
        </div>

        <div style="margin: 25px; height: 300px ;">
            <img src="wujing.jpg" class="fa-spin">
        </div>
        
    </body>
</html>